$(document).ready(function(){
    addMenuList();
    createContentList(function(data){
        init(data);
    });
	$(".classOne li a").removeClass('active')
	$("#serverPage").addClass('active');
    // $("#btn_test").click(function(){
    //     dialog = createModeDialog("test","test_dialog","接入方配置");
    //     dialog.append(replaceTemp({userTagName:'a'},templateUserConfigForm))
    // });

    // addSwitchEvent("switch_test")

})

function init(data){
    addChangeStatusEvent(data);
    addCheckedEvent(data);
    addConfigEvent(data);
    createKeyOrScrect()
    addDelUserEvent(data)
    addNewUserEvent();
}
//创建表单项
function createContentList(callback){
    $("#content").append(templateServiceListHead)
    var ss = "";
    var str = replaceTemp(serviceData,templateServiceList)
    if(str){
        ss = ss + "<ul class='content-ul'>" + str + "</ul>";
        $("#content").append(ss)
        callback(serviceData);
    }
}
//追加 checkbox 功能
function addCheckedEvent(data){
    //
    var input = $("#serviceValue")
    //设置全选,全部取消
    $("input[type=checkbox][name=all]").click(function(){
        val = $(this).val();
        bool = this.checked;
        vs = setCheckBoxValue("input[type=checkbox][name=service]",bool);
        if(bool){
            input.val(vs.join(","))
        }else{
            input.val("")
        }
    });
    $("input[type=checkbox][name=service]").click(function(){
        vs = getCheckBoxValue("input[type=checkbox][name=service]")
        if(vs){
            input.val(vs.join(","))
        }else{
            input.val("")
        }
    });
    //
}

//追加 列表更新/配置 的功能
function addConfigEvent(data){
    btns = $(".update_btn");
    btns.click(function(){
        num = $(this).attr("num")
        json = data[num];
        dialog = createModeDialog("serviceConfigDialog","service_config_dialog","服务配置");
        dialog.append(replaceTemp(json,templateServiceForm))
        changeKeyOrScrect();
    })
}

//追加表单提交功能
function addSubmitEvent(){

}
//追加新增 功能
function addNewUserEvent(){
    $("#btnUserNew").click(function(){
        dialog = createModeDialog("newServiceDialog","service_config_dialog","新增服务");
        dialog.append(replaceTemp({},templateServiceForm))
        changeKeyOrScrect();
    })
}
//追加删除功能
function addDelUserEvent(data){
    input = $("#serviceValue")
    
    $("#btnUserDel").on('click',function(){
        str = input.val();
        if(str.length> 0){
            c = confirm("确认删除这些值")
            if(c){
                //demo
                vs = str.split(",");
                nd = arrayDelete(data,vs);
                
                //ajax
                // ns = getDataByid(data,vs,"userTagName")
                // console.log(ns)
                // myAjax("deleteUser",{"tagNames":ns},function(res){

                // });
                $(this).off("click")
                refresh(nd);
                
            }
        }
    })
}
//追加状态变更功能
function addChangeStatusEvent(data){
    addTriggerEvent("startOrstop",function(){
        //获取数据,发送 ajax 请求
        id = $(this).attr("num");
        console.log(id);
        userTagName = data[id]["name"];
        status = data[id]['status'];
        console.log(userTagName)
        myAjax("changeServiceStatus",{"name":userTagName,"status":status},function(res){
            console.log(res);
        })
        //更新数据
    });
}
//追加生成 key 或者 screct 的功能
function changeKeyOrScrect(){
    $(".create_key").click(function(){
        str = createKeyOrScrect(10)
        $(this).parent().children("input").val(str)
    })

    $(".create_screct").click(function(){
        str = createKeyOrScrect(20)
        $(this).parent().children("input").val(str)
    })
}

//刷新 content
function refresh(data){
    $("#content").empty();
    $("#content").append(templateServiceListHead)
    var ss = "";
    var str = replaceTemp(data,templateServiceList)
    if(str){
        ss = ss + "<ul class='content-ul'>" + str + "</ul>";
        $("#content").append(ss)
        init(data);
    }
}